import { onMounted, ref } from "vue"
import { onBeforeRouteUpdate, useRoute } from 'vue-router'

// 二级导航数据接口
import { getCategoryList } from '@/apis/category'

const useCategory = () => {
    const route = useRoute()
    // 数据列表
    const categoryDataList = ref({})
    const categoryList = async (id) => {
        const res = await getCategoryList(id)
        categoryDataList.value = res.data.result
    }

    onMounted(() => categoryList(route.params.id))
    // 组件内容发生变换时，页面不刷新
    // 检测组件传输数据发生变化的时候执行，重新获取数据 页面自动刷新
    // to 相当于route
    onBeforeRouteUpdate((to) => {
        categoryList(to.params.id)
    })

    return {
        categoryDataList
    }
}
export default useCategory